<template>
	<view class="content-tabar">
		<view class="banner">
			<image src="../../static/index/indexbanner.png" mode="widthFix"></image>
		</view>
		<view class="top24"></view>
		<view class="center-hhr">
			<view class="center-hhr-ce flex-row flex-content-around flex-item-center">
				<view class="flex-column flex-item-center" @tap="toHhr">
					<image class="center-hhr-ce-img" src="../../static/index/hhr.png" mode="scaleToFill"></image>
					<view class="center-hhr-ce-txt">成为合伙人</view>
				</view>
				<view class="shuxian"></view>
				<view class="flex-column flex-item-center" @tap="toAddShop">
					<image class="center-hhr-ce-img" src="../../static/index/dp.png" mode="scaleToFill"></image>
					<view class="center-hhr-ce-txt">添加店铺</view>
				</view>
			</view>
			<view class="top24"></view>
			<view>
				<image class="gg-img" src="../../static/index/gg.png" mode="widthFix"></image>
			</view>
			<view class="shop" >
				<view class="flex-row flex-content-between dp-header">
					<view>店铺</view>
					<view class="flex-row flex-item-center dh-quanbu" @tap="toDp">
						<view>查看全部</view>
						<image src="../../static/index/index-you.png" mode="scaleToFill"></image>
					</view>
				</view>
				<view v-if="shopList.length==0">
					<image class="not-img" src="../../static/index/notdp.png" mode="scaleToFill"></image>
					<view class="not-txt">暂无店铺</view>
				</view>
				<view v-if="shopList.length>0">
					<view class="top40"></view>
					<view class="shoplist">
						<view v-for="(item,index) in shopList" class="ones flex-column">
							<view class="shoplist-bj">
								<view class="shoplist-top flex-row flex-content-between">
									<view class="flex-row flex-item-center">
										<image class="address-img" src="../../static/index/index-address.png" mode="scaleToFill"></image>
										<view class="address-txt">008西一路店</view>
									</view>
									<view class="address-name">合伙人</view>
								</view>
							</view>
							<view class="shoplist-foot-top">
								<view class="flex-row flex-content-between">
									<view class="flex-column one-list">
										<view>累计收入</view>
										<view>362556.36</view>
									</view>
									<view class="flex-column one-list">
										<view>今日营业额</view>
										<view>3115.36</view>
									</view>
									<view class="flex-column one-list">
										<view>今日预计收入</view>
										<view>152.53</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				shopList:[
					"",
					""
				],//店铺列表
			}
		},
		onLoad() {
			console.log('haha');
		},
		methods:{
			//查看全部店铺
			toDp(){
				uni.navigateTo({
					url:'/pages/shop/shop_list'
				})
			},
			//跳转到成为合伙人
			toHhr(){
				uni.navigateTo({
					url:'/pages/order/create_vip'
				})
			},
			//跳转到添加店铺
			toAddShop(){
				uni.navigateTo({
					url:'/pages/shop/add_shop'
				})
			}
		}
	}
</script>

<style lang="scss">
	.shoplist{
		padding-bottom: 41rpx;
	}
	.one-list{
		>view:nth-child(1){
			font-size: 26rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
		}
		>view:nth-child(2){
			font-size: 28rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #333333;
			margin-top: 16rpx;
		}
	}
	.shoplist-foot-top{
		margin-top: 36rpx;
		margin-left: 24rpx;
		margin-right: 46rpx;
	}
	.shoplist-top{
		padding-top: 18rpx;
	}
	.address-name{
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		margin-right: 30rpx;
	}
	.address-txt{
		font-size: 28rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: $default-button-end-color;
		margin-left: 25rpx;
	}
	.address-img{
		width: 26rpx;
		height: 29rpx;
		margin-left: 24rpx;
	}
	.shoplist-bj{
		width: 690rpx;
		height: 75rpx;
		background: #F9E1A4;
		border-radius: 20rpx 20rpx 0px 0px;
		opacity: 1;
		// padding-top: 18rpx;
	}
	.ones{
		width: 690rpx;
		height: 238rpx;
		background: #FFFFFF;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		opacity: 1;
		margin-bottom: 24rpx;
	}
	.not-txt{
		font-size: 24rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		text-align: center;
		margin-top: 30rpx;
	}
	.dh-quanbu{
		>view{
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
		}
		>image{
			width: 12rpx;
			height: 20rpx;
			margin-left: 10rpx;
		}
	}
	.dp-header{
		margin-top: 60rpx;
		>view{
			font-size: 32rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #333333;
		}
	}
	.not-img{
		width: 286rpx;
		height: 156rpx;
		margin-top: 139rpx;
		margin-left: 202rpx;
	}
	.gg-img{
		width: 690rpx;
	}
	.shuxian{
		width: 0px;
		height: 123rpx;
		opacity: 1;
		border-left: 1rpx solid $default-button-color;
	}
	.center-hhr-ce-txt{
		font-size: 32rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #333333;
		margin-top: 12rpx;
	}
	.center-hhr-ce-img{
		width: 92rpx;
		height: 77rpx;
	}
	.center-hhr-ce{
		width: 690rpx;
		height: 220rpx;
		background: #FFFFFF;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		opacity: 1;
	}
	.center-hhr{
		width: 690rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
		/* #ifdef H5 */
		padding-bottom: 100rpx;
		/* #endif */
	}
	.banner{
		>image{
			width: 750rpx;
		}
	}
</style>